import React, { PropsWithChildren } from "react";
import { AmountItem5Amount, AmountItem5Title, AmountItem5Wrap } from "./styles";

export interface AmountItem5Props extends PropsWithChildren {
  title?: string;
  /**
   *  金额
   */
  amount?: number;
  amountColor?: string;
}

const AmountItem5 = ({
  title,
  amount = 0,
  amountColor = "#ff3811",
}: AmountItem5Props) => {
  return (
    <AmountItem5Wrap>
      <AmountItem5Title>{title}</AmountItem5Title>
      <AmountItem5Amount
        style={{
          color: amountColor,
        }}
      >
        {amount}
      </AmountItem5Amount>
    </AmountItem5Wrap>
  );
};

export default AmountItem5;
